//引入公共样式
require('../../assets/css/index.less')

//引入当前样式
require('./reg.less');

//引入axios
const request = require('../../utils/request.js')

//引入dom.js
let dom = require('../../utils/dom.js')

//第一步：引入验证码插件
var CaptchaMini = require("captcha-mini")


//等dom加载完毕之后操作dom
window.onload = () => {
    //第二步：创建验证码实例对象 配置字体大小
    /*不传值，统一走默认值*/
    let captcha1 = new CaptchaMini({
        fontSize: 60,
    });
    //第三步：画图
    captcha1.draw(document.querySelector('#captcha1'), r => {
        yanzheng = r;
        console.log(r, '验证码1');
    });

    //点击注册按钮
    dom.$('#submit').addEventListener('click', () => {
        let errMsg = ""
            //开始验证
            //手机号验证
        if (!/^1[3-9]\d{9}$/.test(dom.$('#phoneInp').value)) {
            errMsg = '手机号格式不正确'
        } else
        if (dom.$('#codeInp').value.toLowerCase() !== yanzheng.toLowerCase()) {
            errMsg = '验证码错误'
        } else
        if (!/^\w{3,6}$/.test(dom.$('#pswInp').value)) {
            errMsg = '密码3-6位'
        } else if (dom.$('#pswInp').value !== dom.$('#pswTwiceInp').value) {
            errMsg = '密码不一致'
        } else {
            console.log('验证通过 可以发送请求')
                //检查账号是否已经存在
            request.post('/api/user/isExist', {
                    account: dom.$('#phoneInp').value,
                })
                .then(res => {
                    console.log('res :>> ', res);
                    //解构数据
                    let { errno, message } = res.data
                        //判断
                    if (errno === 0) {
                        //不存在就继续发送请求注册账号
                        request.post('/api/user/register', {
                                account: dom.$('#phoneInp').value,
                                password: dom.$('#pswInp').value
                            })
                            .then(res => {
                                //打印数据
                                console.log('res.data :>> ', res.data);
                                //1 解构数据
                                let { data, errno } = res.data
                                    //2 判断
                                if (errno === 0) {
                                    //处理数据
                                    alert('注册成功')
                                        //跳转登录页面
                                    location.href = '../login/login.html'
                                }
                            })
                            .catch(err => {
                                console.log('err :>> ', err);
                            })

                    } else {
                        alert(message)
                    }
                })
                .catch(err => {
                    console.log('err :>> ', err);
                })
        }
        if (errMsg) {
            alert(errMsg)
        }
    })






}